<!DOCTYPE html>
<html>
    <header>
        <meta charset="utf-8">
        <title>这是一个复习的总结</title>
        <style>
            
        </style>
    </header>
        <body>
        <h1>这是一个标题</h1>   <!--在html中的标题当中有h1-6，并且一次字体减小-->
        <a href="###">这是已超链接，在此可以用css来进行控制颜色和字号</a> <br>
        <b>这是进行加粗的</b>   <br>
        <strong>这个也是加粗</strong> <br>
        <i>这个则对应的是斜体</i> <br>
        <em>这个也是进行的斜体</em> <br>
        <ins>这是进行下划线</ins> <br>
        <del>这个则是删除线</del> <br>
        <br>这是进行换行。
        <p>对于“style”属性的运用则是，style在其中style="一些标识符号"，其实可以用css来代替</p>
        <hr>这是表示一个间隔线（水平线）<br>
        <font size="8">这是n号字体文本</font> <!--这个则是用来控制字号--><br>
        <!--“sub则是下标，而对于sup则是对应于上标”-->
        这是 <sub> 下标</sub> 和 <sup> 上标</sup>

        <br><!--
        <base href="http://www.runoob.com/images/" target="_blank">
        id标签的作用就是方便去寻找它，但是具体的实例则又是什么呢？
        <a href="####">这是一个尝试的</a> -->
        <!--此处是讲述引入图片或者是引入视频等一些列的-->
        <img src="***" width="145" height="126" alt="Planets" usemap="#planetmap">

        <map name="planetmap">
          <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
          <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
          <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
        </map>
        <hr>  <!--此处是讲述一个表格-->
        <table border="1">
            <tr>   <!--行首的tr则可以用th来进行替换作用，-->
                <td>row 1, cell 1</td>
                <td>row 1, cell 2</td>
            </tr>
            <tr>
                <td>row 2, cell 1</td>
                <td>row 2, cell 2</td>
            </tr>
            <!--首先是在“table之中，其次则是行“tr”,"td”并不是所对应的列-->
            <!--其实这时候也可以采用collspan和rowspan来进行占用格子，-->
        </table>
        <hr>
        <!--对于列表则提到三种，分别是有序排列，无序排列，以及自定义排列-->
        <ul >
            <li>Coffee</li>
            <li>Milk</li>
        </ul>
        <ol type="a">  <!--对于有序排列可以用type来控制其各种排列的名称样式-->
            <li>Coffee</li>
            <li>Milk</li>
        </ol>
        <dl>   <!--其实我感觉这个自定义列表的展现在bootstrap-->
            <dt>Coffee</dt>
            <dd>- black hot drink</dd>
            <dt>Milk</dt>
            <dd>- white cold drink</dd>
            </dl>
         <!--其实没有谈到那个“div”和“span”，这两个的作用特别的大，注意注意-->
         <hr>
         <h3>关于表单</h3>
         <form>   <!--就像表格一样， 放在一定的模块中，表单就是在form当中-->
            Password: <input type="password" name="pwd" > <br>
            <input type="radio"> <br> <!--这个是一个单选建-->
            <input type="checkbox">   <!--这个是一个多选建-->  <br>
            <input type="submit"> 定义了提交按钮. <br>
            <button>点击</button> <br>  <!--此时的value则是显示在括号里的汉字，对于那个pacehoder这是则是不能进行删改的-->
            <input type="reset">  这是定义了一个清除键  <br>
            <select name="cars">   <!--这是定义了一个可以下拉选择的键-->
                <option value="volvo">Volvo</option>
                <option value="saab">Saab</option>
                <option value="fiat">Fiat</option>
                <option value="audi">Audi</option>
                </select> <br>
                <fieldset>
                    <legend>Personal information:</legend>
                    Name: <input type="text" size="30"><br>
                    E-mail: <input type="text" size="30"><br>
                    Date of birth: <input type="text" size="10">
                    </fieldset>

            </form>
        </body>
</html>